.crat {

    .crat-header {
        height: 3.125rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        padding: 0 .625rem;
    }

    .crat-huangou {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 1.25rem;
        height: 3.125rem;
        font-weight: bold;
        margin-top: 1.25rem 0;

        .crat-huangou-left {
            color: white;
            background-color: #fda024;
            width: 2.1875rem;
            height: 1.25rem;
            border-radius: .1875rem;
            text-align: center;
            line-height: 1.25rem;
        }

        .crat-huangou-right {
            color: #fda024;
        }
    }

    .cart-list {
        overflow: auto;

        .list-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-sizing: border-box;
            padding: .625rem 1.25rem 0 1.25rem;
            margin: .625rem 0;

            .pic {
                width: 30%;

                img {
                    width: 100%;
                }
            }

            .name {
                width: 70%;

                section {
                    margin: .625rem 0;
                }

                .text {
                    font-weight: 700;
                }

                .baoyou {
                    border: red 1px solid;
                    color: red;
                    display: inline;
                }

                .man {
                    background-color: #feecdb;
                    color: #fda024;
                    display: inline;

                }

                .huifu {
                    background-color: #ffede9;
                    color: red;
                    display: inline;
                }

                .price {
                    color: red;
                    display: flex;
                    justify-content: space-between;

                    .money {
                        font-size: 1.125rem;
                    }

                    .input {
                        input {
                            text-align: center;
                        }
                    }

                }
            }
        }
    }

    .bottom {
        height: 3.375rem;
        position: fixed;
        bottom: 3.375rem;
        width: 100%;
        background-color: white;
        // border-top: 1px gray solid;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 0 .625rem;

        .bottom-right {
            display: flex;
            align-items: center;
            width: 70%;

            .addprice {
                width: 70%;
                text-align: center;

                span {
                    color: red;
                    font-size: 1.25rem;
                }
            }
        }
    }
    .footer{
        height: 6.75rem;
    }
}